<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>About</title>
<link rel="stylesheet" href="resources/css/style.css" type="text/css">
</head>
<body>
	<div id="header">
		<div>
			<div id="logo">
				<a href="home"><img src="resources/images/logo.png" alt="LOGO"></a>
			</div>
			<ul id="navigation">
				<li><a href="home">Trang chủ</a></li>
				<li><a href="about">Giới thiệu</a></li>
				<li><a href="contact">Liên hệ</a></li>
				<li class="selected"><a href="<c:url value="roomlist"/>" >Phòng</a></li>
				<li><a href="<c:url value="login"/>">Quản trị</a></li>
			</ul>
		</div>
	</div>
	<div id="contents">
		<div>
			<div class="body" id="gallery">
			<div class="bs-example">
              <ul class="breadcrumb">
                <li class="active">Bước 1: Chọn phòng</li>
              </ul>
            </div>
				<div class="panel panel-warning" style="width: 45%; float: left;">
					<div class="panel-heading">
						<h3 class="panel-title">Tầng 1</h3>
					</div>
					<div class="panel-body">
						<c:forEach items="${roomList}" var="emp">
							<c:if test="${emp.room_floor == 1}">
								<a style="margin-left: 10px;" href="roomlist/${emp.room_id}">
									<span class="btn btn-warning">${emp.room_id}</span>
								</a>
							</c:if>
						</c:forEach>
					</div>
				</div>

				<div class="panel panel-warning" style="width: 45%; float: right;">
					<div class="panel-heading">
						<h3 class="panel-title">Tầng 2</h3>
					</div>
					<div class="panel-body">
						<c:forEach items="${roomList}" var="emp">
							<c:if test="${emp.room_floor == 2}">
								<a style="margin-left: 10px;" href="roomlist/${emp.room_id}">
									<span class="btn btn-warning">${emp.room_id}</span>
								</a>
							</c:if>
						</c:forEach>
					</div>
				</div>

				<div class="panel panel-warning" style="width: 45%; float: left;">
					<div class="panel-heading">
						<h3 class="panel-title">Tầng 3</h3>
					</div>
					<div class="panel-body">
						<c:forEach items="${roomList}" var="emp">
							<c:if test="${emp.room_floor == 1}">
								<a style="margin-left: 10px;" href="roomlist/${emp.room_id}">
									<span class="btn btn-warning">${emp.room_id}</span>
								</a>
							</c:if>
						</c:forEach>
					</div>
				</div>

				<div class="panel panel-warning" style="width: 45%; float: right;">
					<div class="panel-heading">
						<h3 class="panel-title">Tầng 4</h3>
					</div>
					<div class="panel-body">
						<c:forEach items="${roomList}" var="emp">
							<c:if test="${emp.room_floor == 4}">
								<a style="margin-left: 10px;" href="roomlist/${emp.room_id}">
									<span class="btn btn-warning">${emp.room_id}</span>
								</a>
							</c:if>
						</c:forEach>
					</div>
				</div>

				<div class="panel panel-warning" style="width: 45%; float: left;">
					<div class="panel-heading">
						<h3 class="panel-title">Tầng 5</h3>
					</div>
					<div class="panel-body">
						<c:forEach items="${roomList}" var="emp">
							<c:if test="${emp.room_floor == 5}">
								<a style="margin-left: 10px;" href="roomlist/${emp.room_id}">
									<span class="btn btn-warning">${emp.room_id}</span>
								</a>
							</c:if>
						</c:forEach>
					</div>
				</div>


				<div class="panel panel-warning" style="width: 45%; float: right;">
					<div class="panel-heading">
						<h3 class="panel-title">Tầng 6</h3>
					</div>
					<div class="panel-body">
						<c:forEach items="${roomList}" var="emp">
							<c:if test="${emp.room_floor == 6}">
								<a style="margin-left: 10px;" href="roomlist/${emp.room_id}">
									<span class="btn btn-warning">${emp.room_id}</span>
								</a>
							</c:if>
						</c:forEach>
					</div>
				</div>

			</div>

		</div>
	</div>
	<div id="footer">
		<div>
			<div id="links">
				<div class="showroom">
					<h4>Hãy đến thử 1 lần</h4>
					<a href="gallery.html"><img
						src="resources/images/show-room.png" alt="Img"></a>
					<p>
						Ở đâu đó trên Quốc lộ 3<br> Phường Tân Thịnh, TP Thái Nguyên<br>
						<br> 0988-888-888<br> <br> <a href="index.html">info@giahanhotel.com</a>
					</p>
				</div>
				<div>
					<h4>Tin tức cũ hơn</h4>
					<ul class="posts">
						<li><span class="time">Apr 16</span>
							<p>
								<a href="blog.html">CEO Cao Hoài Việt</a> Có tiền là sẽ có tất
								cả. Yeahhhhhhhhhhhhhh
							</p></li>
						<li><span class="time">Apr 15</span>
							<p>
								<a href="blog.html">Đặt chuẩn khách sạn 5 sao</a> Chém gió thôi,
								5 sao rưỡi ý mà :))))))))))
							</p></li>
						<li><span class="time">Apr 14</span>
							<p>
								<a href="blog.html">Làm sao để chiều lòng khách hàng</a> Sạch
								sẽ, đẹp đẽ, giá OK là được
							</p></li>
					</ul>
				</div>
				<div>
					<form action="#" method="post" id="newsletter">
						<h4>Đăng kí nhận thông tin mới nhất</h4>
						<input type="text" value="Nhập email tại đây"
							onBlur="javascript:if(this.value==''){this.value=this.defaultValue;}"
							onFocus="javascript:if(this.value==this.defaultValue){this.value='';}">
						<input type="submit" value="Đăng kí" class="btn2" />
					</form>
					<div id="connect">
						<h4>Mạng cộng đồng</h4>
						<a href="http://freewebsitetemplates.com/go/facebook/"
							target="_blank" class="facebook"></a> <a
							href="http://freewebsitetemplates.com/go/googleplus/"
							target="_blank" class="googleplus"></a> <a
							href="http://freewebsitetemplates.com/go/twitter/"
							target="_blank" class="twitter"></a>
					</div>
				</div>
			</div>
			<ul class="navigation">
				<li><a href="home">Trang chủ</a></li>
				<li><a href="about">Giới thiệu</a></li>
				<li><a href="contact">Liên hệ</a></li>
				<li><a href="book">Đặt phòng</a></li>
				<li><a href="login">Quản trị</a></li>
			</ul>
			<p id="footnote">© Copyright 2014. All Rights Reserved. Đại học
				công nghệ Giao thông vận tải Thái Nguyên</p>
		</div>
	</div>
</body>
</html>